import { VFC } from "react";
import style from './page-loading.module.less'
import { LoadingOutlined } from '@ant-design/icons';

export const PageLoading: VFC = () => {
    return (
        <div className={style.loader}>
            <div className={style['loader-inner']}>
                <div className={style["loader-line-wrap"]}>
                    <div className={style["loader-line"]}></div>
                </div>
                <div className={style["loader-line-wrap"]}>
                    <div className={style["loader-line"]}></div>
                </div>
                <div className={style["loader-line-wrap"]}>
                    <div className={style["loader-line"]}></div>
                </div>
                <div className={style["loader-line-wrap"]}>
                    <div className={style["loader-line"]}></div>
                </div>
                <div className={style["loader-line-wrap"]}>
                    <div className={style["loader-line"]}></div>
                </div>
            </div>
        </div>
    );
}
export const NormalLoading: VFC = () => {
    return (
        <div className={style.normalLoading}>
            <LoadingOutlined />
        </div>
    );
}

